<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title></title>
		<link href="https://cdn.bootcss.com/light7/0.4.3/css/light7.min.css" rel="stylesheet">
		<link rel="stylesheet" href="ztreestyle.css" />
		<script type="text/javascript" src="jquery-2.1.0.js" ></script>
		<script src="https://cdn.bootcss.com/light7/0.4.3/js/light7.min.js"></script>
		
		<script>
			alert("dfd")
		</script>
	</head>
	<body>
		<div class="page page-current" id='router'>
		  	<header class="bar bar-nav">
			  <button class="button button-link button-nav pull-left">
			    <span class="icon icon-left"></span>
			    返回
			  </button>
			  <button class="button button-link button-nav pull-right" onclick="ztree.backlaver(1)">
			    	返回
			    <span class="icon icon-right"></span>
			  </button>
			  <h1 class="title">标题</h1>
			</header>
		  <div class="content">
		    <div class="content-block">
		    	<ul id="ulbox"></ul>
		    </div>
		  </div>
		</div>
		
		<div class="page" id='router3'>
		  <header class="bar bar-nav">
		    <a class="button button-link button-nav pull-left back" href="/docs-demos/router">
		      <span class="icon icon-left"></span>
		      返回
		    </a>
		    <h1 class='title'>路由</h1>
		  </header>
		  <div class="content">
		    <div class="content-block">
				<ul id="ulbox2"></ul>
		    </div>
		  </div>
		</div>
		
		<script type="text/javascript" src="ztreeht.js" ></script>
		<script>
			
			var listArr=[];//定义全局对象 JSON对象
			
			$.ajax({
				type:"get",
				url:"arr.json",
				async:false,
				success:function(data){
					listArr=data;
					console.log(JSON.stringify(listArr))
				}
			});
			
			ztree.ztreetype({
				el:'ulbox',
				lavelNum:2,
				nodeName:'city',
				citydata:listArr
			})
		</script>
	</body>
</html>
